// 子组件
<template>
  <li class="item" @click="handleDelete">{{content}}</li>
</template>

<script>
export default {
  props: ["content", "index"],
  methods: {
    handleDelete() {
      this.$emit("delete", this.index);
    }
  }
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.item {
  color: green;
}
</style>
